<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>
        <link rel="shortcut icon" href="images/favicon.ico"/> 
        <link rel="stylesheet" href="./css/bootstrap.css">
        <script language="JavaScript" src="./js/jquery.js"></script>
        <script src="./js/bootstrap.js"></script>
        <link rel="stylesheet" href="./css/indexstyle.css">
        
        
    </head>
    <body>
      <!-- 导航栏 -->
        <div class="top">
           <p class="left">
            
               <span class="s1"></span>
               <span class="s2">诚信立约</span>
           </p>
           <p class="right">
                <a class="right_a"> <img src="images/log.png" alt="">登陆</a> 
                <b></b>
                <a>串合同  </a>
                <a>写合同  </a>
                <a>智能合同</a>
                <a href="./html/activity.html">悦合同  </a> 
                <a href="./html/yuedu.html">悦读    </a>
                <a class="menu"><img src="./images/cai.png"></a>    
           </p>

        </div>
      <!-- 轮播图 -->
        <div class="scoll visible-md visible-lg">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
              <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="./images/lun1.jpg" alt="新浪网跟踪报道-悦合同：从创业到普法—一个企业的社会责任">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="./images/lun2.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="./images/lun3.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
              <div class="item">
                <img src="./images/lun4.jpg" alt="...">
                <div class="carousel-caption">
                  ...
                </div>
              </div>
            </div>
         
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
             
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" >
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" ></span>
          
            </a>
          </div>
        </div>
        <!-- 搜索框-->
        <div class="search1" >
          <div class="input-group ">
            <input type="text" id="inp" class="form-control" placeholder="请输入您要搜索的关键字，如股权转让合同、版权授权、劳动" aria-describedby="basic-addon2">
            <button type="submit" class="btn btn-warning btns">
              <span class="glyphicon glyphicon-search span_ico" aria-hidden="true"></span>
            </button>
          </div>
        </div>

        <!-- 智能合同 -->
        <div class="cont">
          <h2>智能合同</h2>
          <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p class="p1">
                <b></b>
                股权
              </p>
              <ul>
                <li><a href="" title="出资协议">出资协议</a></li>
                <li><a href="" title="股权转让协议">股权转让协议</a></li>
                <li><a href="" title="股权代持协议">股权代持协议</a></li>
                <li><a href="" title="增资协议">增资协议</a></li>
                <li><a href="" title="资产收购协议">资产收购协议</a></li>
                <li class="afont"><a href="">.&nbsp.&nbsp.</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p class="p2">
                <b></b>
                知识产权
              </p>
              <ul>   
                <li><a href="" title="专利技术许可合同">专利技术许可合同</a></li>
                <li><a href="" title="专利转让合同">专利转让合同</a></li>
                <li><a href="" title="商标许可使用合同">商标许可使用合同</a></li>
                <li><a href="" title="商标转让合同">商标转让合同</a></li>
                <li><a href="" title="版权授权协议（一般作品）">版权授权协议（一般作品）</a></li>          
                <li class="afont"><a href="">.&nbsp.&nbsp.</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p class="p3">
                <b ></b>
                人事
              </p>
              <ul>
                <li><a href="" title="劳动合同">劳动合同</a></li>
                <li><a href="" title="员工离职交接确认书">员工离职交接确认书</a></li>
                <li><a href="" title="离职协议">离职协议</a></li>
                <li><a href="" title="解除劳动合同通知书">解除劳动合同通知书</a></li>
                <li><a href="" title="竞业限制合同">竞业限制合同</a></li>
                <li class="afont"><a href="">.&nbsp.&nbsp.</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p class="p4">
                <b></b>
                担保
              </p>
              <ul>
                <li><a href="" title="保证合同-一人保证">保证合同-一人保证</a></li>
                <li><a href="" title="保证合同-两个以上保证人">保证合同-两个以上保证人</a></li>
                <li><a href="" title="借款合同">借款合同</a></li>
                <li><a href="" title="房屋抵押合同">房屋抵押合同</a></li>
                <li><a href="" title="收据（借款）">收据（借款）</a></li>
                <li class="afont"><a href="">.&nbsp.&nbsp.</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p class="p5">
                <b></b>
                房地产
              </p>
              <ul>
                <li><a href="" title="商铺租赁合同">商铺租赁合同</a></li>
                <li><a href="" title="场地租赁合同（农村）">场地租赁合同（农村）</a></li>
                <li><a href="" title="展位租赁合同">展位租赁合同</a></li>
                <li><a href="" title="建设工程承包合同">建设工程承包合同</a></li>
                <li><a href="" title="房屋租赁合同">房屋租赁合同</a></li>
                <li class="afont"><a href="">.&nbsp.&nbsp.</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p  class="p6">
                <b></b>
                婚姻
              </p>
              <ul>
                <li><a href="" title="夫妻婚后财产约定书">夫妻婚后财产约定书</a></li>
                <li><a href="" title="抚养权协议">抚养权协议</a></li>
                <li><a href="" title="离婚协议（标准版）">离婚协议（标准版）</a></li>
                <li><a href="" title="离婚协议（简易版）">离婚协议（简易版）</a></li>
            
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p  class="p7">
                <b> </b>
                买卖
              </p>
              <ul>
                <li><a href="" title="停车场器材买卖合同">停车场器材买卖合同</a></li>
                <li><a href="" title="货物买卖合同">货物买卖合同</a></li>
                <li><a href="" title="购销合同">购销合同</a></li>
                
              </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
              <p  class="p8">
                <b></b>
                服务
              </p>
              <ul>
                <li><a href="" title="企业服务代理合同">企业服务代理合同</a></li>
                <li><a href="" title="庆典服务合同">庆典服务合同</a></li>
               
              </ul>
            </div>
           
         
         
         
          </div>      
        </div>
        <!-- 智能合同最小手机屏幕下 -->
        <h2 class="mh2">智能合同</h2>
        <ul class="mcon container">
          <li class="li1">
            <i></i>
            <span>股权</span>
          </li>
          <li class="li2">
            <i></i>
            <span>知识产权</span>
          </li>
          <li class="li3">
            <i></i>
            <span>人事</span>
          </li>
          <li class="li4">
            <i></i>
            <span>担保</span>
          </li>
          <li class="li5">
            <i></i>
            <span>房地产</span>
          </li>
          <li class="li6">
            <i></i>
            <span>婚姻</span>
          </li>
          <li class="li7">
            <i></i>
            <span>买卖</span>
          </li>
          <li class="li8">
            <i></i>
            <span>服务</span>
          </li>
        </ul>

        <!-- 个性化服务 -->
        <div class="server">          
          <div class="scon container">
            <h2>个性化服务</h2>
            <div class="row srow">
              <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                <div class="d">
                  <p class="f">
                  <a href="" class="af"><img src="./images/feng.png" alt=""></a>
                  <a href="">防范风险</a>
                  <a href="">快速专业</a>
                </p>
                  <h3>合同咨询</h3>
                  <span>原价: <em>5000</em>元/次</span>
                  <span>限时: <u>3000</u>元/次</span>
                </div>
                
              </div>
              <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4 mdiv">
                <div class="d">
                  <p class="he">
                  <a href="" class="ahe"><img src="./images/node.png" alt=""></a>
                  <a href="">合同陷阱</a>
                  <a href="">专业诊断</a>
                </p>
                  <h3>审写合同</h3>
                  <span>原价: <em>5000</em>元/次</span>
                  <span>限时: <u>3000</u>元/次</span>
                </div>
                
              </div>
              <div class="col-sm-4 col-xs-4 col-md-4 col-lg-4">
                <div class="d">
                  <p class="low">
                  <a href="" class="alow"><img src="./images/xue.png" alt=""></a>
                  <a href="">法律服务</a>
                  <a href="">专业管家</a>
                </p>
                  <h3>法务顾问</h3>         
                  <span> <u>3万/年</u>起步</span>
                  <a class="link">gw@/yuehetong.com</a>
                </div>               
              </div>
            </div>
          </div>
        </div>
        <!-- 时间条 -->
        <div class="timer">
          <div class="row container trow">
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2"><b class="b1"></b></div>
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2"><b class="b2"></b></div>
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2"><b class="b3"></b></div>
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2"><b class="b4"></b></div>
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2"><b class="b5"></b></div>
            <div class=" col-lg-2 col-md-2 col-sm-2 col-xs-2 div5"><b class="b6"></b></div>
          </div>
        </div>
        <!-- 最小手机时间条 -->
        <div class="min_time">
          <p class="p_1">
            <b>8年+</b>
            <span>专业律师经验</span>
          </p>
          <p class="p_2">
            <b>10万+</b>
            <span>司法数据支撑</span>
          </p>
          <p class="p_3">
            <b>60秒</b>
            <span>智能匹配条款</span>
          </p>
          <p class="p_4">
            <b>7天</b>
            <span>修改到满意</span>
          </p>
          <p class="p_5">
            <b>27小时</b>
            <span>最快回复</span>
          </p>
          <p class="p_6">
            <b>1V1</b>
            <span>大客户服务</span>
          </p>
        </div>
        <!-- 第二个轮播图以及内容 -->
        <div class="row second container">
          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
              <div id="news-carousel" class="carousel slide secol" data-ride="carousel" data-interval="3500">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#news-carousel" data-slide-to="0" class="active"></li>
                  <li data-target="#news-carousel" data-slide-to="1"></li>
                  <li data-target="#news-carousel" data-slide-to="2"></li>
                  <li data-target="#news-carousel" data-slide-to="3"></li>
                  <li data-target="#news-carousel" data-slide-to="4"></li>
                </ol>
              
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="./images/sc1.png" alt="新浪网跟踪报道-悦合同：从创业到普法—一个企业的社会责任">               
                  </div>
                  <div class="item">
                    <img src="./images/sc2.jpg" alt="...">            
                  </div>
                  <div class="item">
                    <img src="./images/sc3.png" alt="...">
                  </div>
                  <div class="item">
                    <img src="./images/sc4.jpg" alt="...">
                  </div>
                  <div class="item">
                    <img src="./images/sc5.jpg" alt="...">
                  </div>
                </div>           
            </div>
          </div>
          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
            <span>悦活动</span>
            <a href="">恭喜悦合同在宝创杯晋级</a>
            <a href="">悦合同成为广东文投创工场的法务服务商</a>
            <a href="">悦合同在《创客英雄会》上台领奖</a>
          </div>
          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
            <span>悦读</span>
            <a href="">成功辩护！破坏共享单车男子获最低刑三年</a>
            <a href="">如何理解“公司归谁所有”？</a>
            <a href="">合同事先约定到哪里打官司？</a>
          </div>
          <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
            <a href="">谈谈公司控制权的设计</a>
            <a href="">经理由股东会产生，会导致无效！</a>
            <a href="">期权诊断报告，告诉你应该注意的点</a>
            <a href="">委托开发和合作开发，有着重大的区别</a>        
          </div>
        </div>
          <!-- 脚部分内容 -->
        <div class="footer">
          <div class="row foot container">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 ">
              <div class="row child ">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span> 产品</span>
                  <a href="">写合同</a>
                  <a href="">审合同</a>
                  <a href="">合同顾问</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span>政策</span>
                  <a href="">服务协议</a>
                  <a href="">常见问题</a>
                  <a href="">会员政策</a>
                  <a href="">会员权益</a>
                  <a href="">定价标准</a>               
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
              <div class="row child">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <span>公司</span>    
                  <a>品牌故事</a>
                  <a>关于我们</a>
                  <a>联系我们</a>
                  <a>加入我们</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                 <span>资源</span>  
                  <a href="">网站地图</a>  
                  <a href="">意见反馈</a>   
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 address">
              <span>© 悦合同<a href="">yuehetong.com</a> </span>
              <span><a href="">粤ICP备16004471号-1</a></span>
            </div>
          </div>
        </div>
        <!-- 侧边栏 -->
        
          <span class="goup">
            <i class="glyphicon glyphicon-menu-up up"></i>
          </span>
          <div class="wc">
            <u>微信客服</u>  
            <b><img src="./images/weixin.png" alt=""></b>
            <p class="code">
            <em><img src="./images/wxcode.jpg" alt=""></em>
            <span>
              微信扫码咨询,请备注"<b>合同服务</b>"
            </span>
          </p>
          </div>
        <script src="./js/index.js"></script>
    </body>
</html>








